
#hardware .lead{
    line-height: 1.8;
}


.flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
.flex-v{-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.flex-u{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex-align-center{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
.flex-pack-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
.flex-pack-justify{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}

.br{ display: inline; font-size: 0px; width: 0; overflow: hidden; }
@media only screen and (max-width: 768px){
    .br{ display: block; }
}

.document{ padding-bottom: 0; }
.product-header{ position: absolute; z-index: 5; top:0; height: 50px; width: 100%; background-color: rgba(0,0,0,0); line-height: 50px; transition: background-color .5s linear; -webkit-transition: background-color .5s linear }
.product-header.fix{ position: fixed; z-index: 99999; left: 0; top: 0; background-color: rgba(0,0,0,.8); }
.product-header:after{ content: " "; display: block; position: absolute; height: 1px; width: 1200px; left: 50%; margin-left: -600px; background: rgba(51,51,51,0.95); transition: all .5s linear; -webkit-transition: all .5s linear; }
.fix.product-header:after{ width: 100%; left: 0; margin-left: 0; }
.product-menu{ text-align: right; width: 1200px; margin: 0 auto; }
.product-header.on .product-menu{ width: 1200px; }
.product-menu li{ display: inline-block; margin-left: 40px; height: 44px;}
.product-menu li a{ display: inline-block; vertical-align: middle; color: #fff; }
.product-menu li a:hover,.product-menu li.on a{ display: inline-block; vertical-align: middle; color: #999; }
.product-menu li a.btn-buy{ position: relative; display: inline-block; vertical-align: middle; padding: 0; color: #fff; height: 30px; line-height: 30px; padding: 0 20px; background: #db2017; border-radius: 15px; font-size: 12px; text-align: center; }
.product-menu li a.btn-buy.gray{ background: #666; }
.product-menu li a.btn-buy.yellow{ background: #ec910f; }
.product-menu li a.btn-buy.blue{ background: #3ca8ff; }
.btn-step{
    position: absolute;
    top: 50%;
    margin-top: -9px;
    right: 10px;
    display: block;
    width: 36px;
    height: 18px;
    line-height: 17px;
    background: red;
    border-radius: 2px;
    font-size: 12px;
    font-style: normal;
}
.btn-step:before{
    content: " ";
    display: block;
    position: absolute;
    left: -4px;
    top: 3px;
    width:0;
    height:0;
    border-top: 6px solid transparent;
    border-right: 6px solid red;
    border-bottom: 6px solid transparent;
}
.btn-step{ animation: btn-step 1s both linear infinite; -webkit-animation: btn-step 1s both linear infinite; }
@keyframes btn-step{
    0%{
        transform: translateX(0);
    }
    70%{
        transform: translateX(6px);
    }
    100%{
        transform: translateX(0);
    }
}
@keyframes btn-step{
    0%{
        transform: translateX(0);
    }
    70%{
        transform: translateX(6px);
    }
    100%{
        transform: translateX(0);
    }
}
.people-number{ position: absolute; color: #fff; width: 600px; left: 50%; margin-left: -600px; }
.people-number span{ font-size: 24px; font-family: Helvetica; }
@media only screen and (max-width: 1280px){
    .people-number{ display: none; }
    .product-menu{ width: 96%; }
    .product-header:after{ width: 100%; left: 0; margin-left:0; }
}

.pro-mainer{ width: 100%; }
#vd{ display: block; width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
#vd.on{ display: block; }
.video-box{ height: calc(100vh - 91px); background: #19181a; position: relative; overflow: hidden; background: url(/images/onecloud/product/bg.jpg?20170901) #000 bottom center; background-size: cover; }
.video-box-bg{ display: none; }
.video-txt{ font-size: 72px; z-index: 3; color: #fff; text-align: center; width: 100%; position:absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
@keyframes video-txt{
    100%{ opacity: 1; }
}
@-webkit-keyframes video-txt{
    100%{ opacity: 1; }
}
.video-txt p{ font-size: 50% }
.video-txt p.price {font-size:30%; line-height:2.2em; }
.video-txt p.price.throgh{ text-decoration: line-through; opacity: .5; font-size: 25%; color: #ccc; }
.price a{ position: relative; display: inline-block; color: #fff; }
.price-linex{ position: absolute; width: 2em; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: 0; height: 2px; background: #fff; transition: all .2s ease; -webkit-transition: all .2s ease; }
.price a:hover .price-linex{ width: 100%; }
.price .small{ text-decoration: line-through; font-size: 80%; color: #999; }
.video-mobile{ display: none; }
.video-pc{ display: block; }
.video-pc{ width: 600px; position: absolute; left: 50%; margin-left: -600px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: left; }
.video-pc h3{ font-size: 42px; font-weight: normal; }
.video-pc h3 small{ display: block; font-size: 42px; }
.price-pc a{ font-size: 42px; color: #0096ff; display: inline-block; position: relative; }
.act-price{
    font-size: 24px;
    margin-top: 20px;
}
.act-price b{
    font-size: 2em;
    color: #0096ff;
    font-weight: normal;
}
.act-price i.small{
    text-decoration: line-through;
    font-size: 16px;
    color: #999;
    margin-left: 10px;
    font-style: normal;
}
/*.price-pc a:after{ content: " "; display: block; position: absolute; height: 1px; background: #ccc; width: 30%; bottom: 0; left: 3px; transition: all .2s ease; -webkit-transition: all .2s ease; }*/
.price-pc a:hover:after{ width: 100%; }
.price-pc a span{ color: #ccc; font-size: 22px; }
.price-pc > span{ color: #666666; font-size: 22px; text-decoration: line-through; display: block; }
.video-box-photo{ width: 830px; height: 100%; position: absolute; left: 50%; margin-left: -130px; }
.video-photo-img1{ width: 40%; display: block; position: absolute; right: 0; top: 15%; background: url(/images/onecloud/product/banner-pro2.png?201822) no-repeat center; background-size: cover; }
.video-photo-img1:after{ content: " "; display: block; padding-top: 156%; }
.video-photo-img2{ width: 60%; display: block; position: absolute; left: 0; bottom: 15%; background: url(/images/onecloud/product/banner-pro1.png?201822) no-repeat center; background-size: cover; }
.video-photo-img2:after{ content: " "; display: block; padding-top: 118%; }

.video-pc h3 span{ display: block; opacity: 0; transform: translate3d(0,-30px,0); -webkit-transform: translate3d(0,-30px,0); animation: vtshow .6s both; -webkit-animation: vtshow .6s both; }
.video-pc h3 small{ opacity: 0; transform: translate3d(0,-30px,0); -webkit-transform: translate3d(0,-30px,0); animation: vtshow .6s .2s both; -webkit-animation: vtshow .6s .2s both; }
.price-pc{ opacity: 0; transform: translate3d(0,-30px,0); -webkit-transform: translate3d(0,-30px,0); animation: vtshow .6s .4s both; -webkit-animation: vtshow .6s .4s both; }
.video-photo-img1{ opacity: 0; transform: translate3d(0,-50px,0); -webkit-transform: translate3d(0,-50px,0); animation: vtshow .6s .4s both; -webkit-animation: vtshow .6s .4s both; }
.video-photo-img2{ opacity: 0; transform: translate3d(0,50px,0); -webkit-transform: translate3d(0,50px,0); animation: vtshow .6s .4s both; -webkit-animation: vtshow .6s .4s both; }


@keyframes vtshow{
    100%{ opacity: 1; transform: translate3d(0,0,0); }
}
@-webkit-keyframes vtshow{
    100%{ opacity: 1; -webkit-transform: translate3d(0,0,0); }
}

@media only screen and (max-width: 1440px){
    .video-pc{ margin-left: -600px; }
    .video-pc h3,.video-pc h3 small{ font-size: 36px; }
    .price-pc a{ font-size: 36px; }
    .price-pc a > span{ font-size: 18px; }
    .price-pc > span{ font-size: 18px; }
    .video-box-photo{ width: 630px; margin-left: -30px; }
}
@media only screen and (max-width: 1280px){
    .video-pc{ margin-left: -600px; font-size: 48px; }
    .video-pc h3,.video-pc h3 small{ font-size: 36px; }
    .price-pc a{ font-size: 36px; }
    .price-pc a > span{ font-size: 18px; }
    .price-pc > span{ font-size: 18px; }
    .video-box-photo{ width: 540px; }
}
@media only screen and (max-width: 1200px){
    .video-pc{ left: 20px; margin-left: 0; }
    .video-pc h3,.video-pc h3 small{ font-size: 30px; }
    .price-pc a{ font-size: 30px; }
    .price-pc a > span{ font-size: 16px; }
    .price-pc > span{ font-size: 16px; }
    .video-box-photo{ right: 10px; left: auto; margin-left: 0; }
}

@media only screen and (max-width: 768px){
    .video-txt{ position: static; height: 39%; transform:none; -webkit-transform:none; opacity: 1; font-size: 48px; }
    .video-txt{ display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex; -webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column; -webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center; }
    .video-txt{ opacity: 1; }
    .video-txt h3{ animation: video-txt .8s both; -webkit-animation: video-txt .8s both; opacity: 0; }
    .video-txt p{ animation: video-txt .8s .6s both; -webkit-animation: video-txt .8s .6s both; opacity: 0; }
    .video-txt p.price.throgh{ animation: video-txt .8s .8s both; -webkit-animation: video-txt .8s .8s both; opacity: 0; }
    .video-txt p.price{ animation: video-txt .8s 1s both; -webkit-animation: video-txt .8s 1s both; opacity: 0; }
    .video-box-bg{ animation: video-txt 2s 1.2s both; -webkit-animation: video-txt 2s 1.2s both; opacity: 0; }
    .video-txt p.price,.video-txt p.price.throgh{ font-size: 14px; line-height: 1.4; }
    .video-txt p.price.throgh{ margin-top: 10px; }
    .video-box-bg{ display: block; height: 60%; background: url(/images/onecloud/product/cp-onecloud.png?201822) no-repeat center; background-size:  auto 100%; }
    .video-box-bg:after{ content: " "; display: block; padding-top: 88%; }
    .price a{ margin-top: 10px; }
    .price-linex{ display: none; }
    .video-pc{ display: none; }
    .video-mobile{ display: block; margin-top: 5%; }
    .video-box-photo{ display: none; }
}
@media only screen and (max-width: 520px){
    .video-txt{ font-size: 36px; }
}
@media only screen and (max-width: 320px){
    .video-txt{ font-size: 28px; }
}

.product-box{ position: relative; overflow: hidden; }
.product-img-bg{ display: block; width: 100%; z-index: 2; }
/*.product-video{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }*/
.product-txt1{ position: absolute; z-index: 3; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); }
.product-txt1{ font-size: 40px; color: #fff; text-align: center; }
.product-txt1 p{ margin-bottom: 10px; }
.product-txt1 .t-small{ font-size: 80%; margin-bottom: 30px; }
.product-play{ display: inline-block; width: 56px; height: 56px; background: url(/images/onecloud/product/icon-play.png?20170901) no-repeat center; background-size: 100%; }
.product-video{ display: block; width: 100%; }

/*product-box2*/
.product-box2{ position: relative; background: url(/images/onecloud/product/product-bg2.jpg?20170901) no-repeat center bottom #000; background-size: 100% auto; padding-top: 300px; }
.product-box2:after{ padding-top: 68%; display: block; content: " "; }
.product-txt2{ position: absolute; width: 100%; text-align: center; left: 0; top: 120px; }
.product-txt2 h3{ font-size: 36px; color: #fff; font-weight: normal; margin-bottom: 24px; }
.product-txt2 p{ font-size: 18px; color: #fff; width: 750px; margin: 0 auto; margin-bottom: 50px; }
.product-btn1{ display: inline-block; font-size: 16px; color: #b28850; border: 1px solid #b28850; border-radius: 3px; padding: 4px 14px; }
.product-btn1:hover{ background: #b28850; color: #fff; }
.prod-tip { text-align:center; padding:20px 20px; box-sizing:border-box; background: #000; }
.prod-tip p {font-size:14px; color:#999; margin:0 auto;}
@media only screen and (max-width: 768px){
    .product-box2{ background: #000; padding-top: 40px; }
    .product-box2:after{ display: none; }
    .product-txt2{ position: static; }
    .product-box2-bg{ background: url(/images/onecloud/product/product-bg2s.jpg?20170901) no-repeat center; background-size: cover; }
    .product-box2-bg:after{ display: block; content: " "; padding-top: 87%; }
    .product-txt2 h3{ font-size: 24px; font-weight: bold; }
    .prod-tip{ text-align: justify; padding-bottom: 30px; }
}

/*product-box3*/
.product-box3{ text-align: center; }
.product-box-left{ background: url(/images/onecloud/product/product-bg-gray.png?20170901); width: 50%; float: left; padding-bottom: 75px; }
.product-box-right{ background: url(/images/onecloud/product/product-bg-black.png?20170901); width: 100%; float: left; padding-bottom: 75px; }
.product-box3-img{ margin: 0 auto; max-width: 100%; }
.product-box3 p{ font-size: 16px; color: #ccc; width: 400px; margin: 0 auto; height: 100px; }
.product-btn1-box{ display: block; margin-top: 15px; }
.product-box3 p span.import{ color: #a11200 }

.product-box4{ position: relative; background: #fff; }
.product-txt4{ text-align: center; position: absolute; top: 120px; width: 100%; left: 0; }
.product-txt4 h3{ font-size: 52px; color: #333; font-weight: normal; margin-bottom: 24px; }
.product-txt4 p{ font-size: 20px; color: #333; width: 750px; margin: 0 auto; margin-bottom: 50px; }
.product-box4 .product-img-bg2{ margin: 0 auto; }
.product-txt4 h6{ font-size: 16px; margin-bottom: 30px; font-weight: normal; }
.style-price{ color: #df0000; text-decoration: line-through; }

.product-box5{ position: relative; z-index: 1; }
.product-box5-left{ width: 50%; float: left; position: relative; overflow: hidden; }
.product-box5-right{ width: 50%; float: left; position: relative; overflow: hidden; }
.product-box5-img{ display: block; width: 100%; position: absolute; left: 0; top: 0; z-index: 2; transition: all .4s ease; -webkit-transition: all .4s ease; }
.product-box5-img2{ display: block; width: 100%; }
.product-box5-right:hover .product-box5-img,.product-box5-left:hover .product-box5-img{ transform: scale(1.05); -webkit-transform: scale(1.05); }
.product-txt5{ position: absolute; z-index: 3; width: 450px; color: #fff; left: 50%; margin-left: -193px; text-align: center; height: 80px; bottom: 20px; font-size: 16px; }

/*product-box6*/
.product-box6{ background: url(/images/onecloud/product/product-bg6.png?20170901) no-repeat center bottom; background-size: cover; position: relative; }
.product-box6:after{ content: " "; display: block; padding-top: 78.2% }
.product-txt6{ text-align: center; position: absolute; top: 120px; width: 100%; left: 0; }
.product-txt6 h3{ font-size: 52px; color: #fff; font-weight: normal; margin-bottom: 24px; text-shadow: 0 2px 3px rgba(0,0,0,.3) }
.product-txt6 p{ font-size: 20px; color: #fff; width: 500px; margin: 0 auto; margin-bottom: 50px; text-shadow: 0 2px 3px rgba(0,0,0,.3) }
@media only screen and (max-width: 768px){
    .product-box6{ background: url(/images/onecloud/product/product-bg6s.png?20170901) no-repeat center bottom; background-size: cover; position: relative; }
    .product-box6:after{ padding-top: 150% }
    .product-txt6{ top: 60px; }
    .product-txt6 h3{ color: #000; text-shadow: none; }
    .product-box6 .product-txt6 p{ font-size: 18px; color: #333; text-shadow: none; }
}
@media only screen and (max-width: 520px){
    .product-txt6{ top: 40px; }
    .product-box6 .product-txt6 p{ font-size: 14px; color: #333; text-shadow: none; }
}

.product-box7{ position: relative; z-index: 1; height: 1199px; background: url(/images/onecloud/product/product-bg7.jpg?20170901) no-repeat center bottom; background-size: cover; }
.product-box7-middle{ position: absolute; text-align: left; z-index: 5; width: 32%; top: 50%; left: 50%; margin-left: -30%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.product-box7-middle .product-ul{ display: none; }
.product-txt7 h3{ font-size: 40px; color: #fff; margin-bottom: 24px; }
.product-txt7 p{ font-size: 20px; color: #fff; }
.product-img7{ width: 30%; left: 55%; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute; z-index: 3; }
@media only screen and (max-width: 1280px){
}
@media only screen and (max-width: 1100px){
    .product-box7{ height: 1100px; }
    .product-box7-middle{ margin-left: auto; text-align: center; top: 120px; width: 80%; left: 10%; transform: none; -webkit-transform:none; }
    .product-txt7 p{ width: auto; }
    .product-img7{ width: 60%; top: auto; left: 50%; margin-left: -30%; transform: none; -webkit-transform:none; bottom: 5%; }
}
@media only screen and (max-width: 768px){
    .product-box7{ width: 96%; height: 900px; background: url(/images/onecloud/product/product-bg7s.jpg?20170901) no-repeat center bottom; background-size: cover; }
    .product-box7-middle{ width: 96%; margin-left: auto; text-align: center; top: 40px; left: 2%; transform: none; -webkit-transform:none; }
    .product-box7-middle .product-ul{ display: block; color: #cfa972; margin-top: 40px; margin-bottom: 0; }
}
@media only screen and (max-width: 414px){
    .product-box7{ height: 520px; width: auto; }
}

.product-box8{ position: relative; background: url(/images/onecloud/product/product-bg8-2.jpg?20170901) no-repeat center bottom; background-size: cover; }
.product-box8:after{ display: block; content: " "; padding-top: 56.25%; }
.product-txt8{ position: absolute; top: 120px; left: 0; width: 100%; text-align: center; }
.product-txt8 h3{ font-size: 52px; color: #fff; font-weight: normal; margin-bottom: 24px; }
.product-txt8 p{ font-size: 20px; color: #fff; width: 900px; margin: 0 auto; margin-bottom: 50px; }
@media only screen and (max-width: 768px){
    .product-box8{ position: relative; background: url(/images/onecloud/product/product-bg8-2s.jpg?20170901) no-repeat center bottom; background-size: cover; }
    .product-box8:after{ display: block; content: " "; padding-top: 119.5%; }
}

.product-box9{ padding-top: 1px; background: #f8f9fb }
.product-txt9{ margin-top: 120px; text-align: center; margin-bottom: 70px; }
.product-txt9 h3{ font-size: 52px; font-weight: normal; margin-bottom: 24px; }
.product-txt9 p{ width: 734px; margin: 0 auto; font-size: 20px; }
.product-img9{ text-align: center; }
.product-img9 img { display: block; margin: 0 auto; width: 30% }
.product-ul{ width: 900px; margin: 0 auto; margin-bottom: 120px; }
.product-ul li{ width: 33.3333%; float: left; text-align: center; }
.product-ul.product-ul-hk li{ width: 33.3333%; float: left; text-align: center; }
.product-ul li h4{ font-size: 32px; font-weight: normal; }
.product-ul li p{ font-size: 14px; }


.product-box10{ padding: 10px 0 0 0; background: #fff; }
.product10-list{ margin-left: -0.5%; }
.product10-list li{ float: left; width: 24.5%; margin-left: 0.5%; position: relative; overflow: hidden; margin-bottom: 10px; }
.product10-img1{ display:block; width: 100%; position: absolute; left: 0; top: 0; transition: all .4s ease; -webkit-transition: all .4s ease; }
.product10-list li:hover .product10-img1{ transform: scale(1.05); -webkit-transform: scale(1.05); }
.product10-img2{ display:block; width: 100%; }
.product10-img{ width: 100%; display: block; }

.product-box11{ position: relative; }
.product-txt11{ position: absolute; right: 130px; bottom: 170px; text-align: right; }
.product-txt11 h3{ font-size: 52px; font-weight: normal; margin-bottom: 24px; }
.product-txt11 p{ font-size: 20px; }

.product-box12{ position: relative; }
.product-txt12{ text-align: center; position: absolute; padding-top:70px; width: 100%; text-shadow: 0 1px 1px rgba(0,0,0,.4) }
.product-txt12 h3{ font-size: 52px; color: #fff; font-weight: normal; margin-bottom: 24px; }
.product-txt12 p{ font-size: 20px; color: #fff; width: 700px; margin: 0 auto; margin-bottom: 50px; }
.product-box12 .product-img-bg2{ display: none; }
.product-box12-add{ position: absolute; top: 35%; width: 1397px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.product-box12-add .this-img-bg{ width: 100%; }
.product-box12-add.pro-anchor2 .this-img-bg2{ width: 100%; position: absolute; z-index: 2; opacity: 1; }
.product-box12-add.pro-anchor2.ani .this-img-bg2{ opacity: 0; transition: all 1s 3s ease; -webkit-transition: all 1s 3s ease; }
.book-txt1,.book-txt2,.book-txt3,.book-txt4,.book-txt5,.book-txt6,.book-txt7,.book-txt8,
.book-txt9,.book-txt10,.book-txt11,.book-txt12,.book-txt13,.book-txt14,.book-txt15{ position: absolute; z-index: 5; transform: scale(1) translate(0,0); -webkit-transform: scale(1) translate(0,0);  }
.book-txt1{ font-size: 64px; color: #378fd6; left: 25%; top: 8%; }
.book-txt2{ font-size: 62px; color: #fff; left: 23%; top: 46%; }
.book-txt3{ font-size: 64px; color: #ff7040; left: 29%; top: 66%; }
.book-txt4{ font-size: 32px; color: #fff; left: 33%; top: 86%; }
.book-txt5{ font-size: 62px; color: #47ccff; left: 50%; top: 0; }
.book-txt6{ font-size: 64px; color: #378fd6; left: 36%; top: 36%; }
.book-txt7{ font-size: 32px; color: #fff; left: 40%; top: 56%; }
.book-txt8{ font-size: 32px; color: #fff; left: 48%; top: 66%; }
.book-txt9{ font-size: 64px; color: #ffc21d; left: 50%; top: 46%; }
.book-txt10{ font-size: 32px; color: #fff; left: 47%; top: 26%; }
.book-txt11{ font-size: 64px; color: #fff; left: 65%; top: 16%; }
.book-txt12{ font-size: 40px; color: #fff; left: 80%; top: 36%; }
.book-txt13{ font-size: 32px; color: #fff; left: 55%; top: 80%; }
.book-txt14{ font-size: 62px; color: #fff; left: 65%; top: 50%; }
.book-txt15{ font-size: 32px; color: #fff; left: 75%; top: 70%; }

.product-box12-add.pro-anchor2{ opacity: 1; }
.product-box12-add.pro-anchor2 > *{ opacity: 1; }
.product-box12-add.pro-anchor2.ani .book-txt1{ transform: scale(0) translate(-800%,100%); transform: scale(0) translate(-800%,100%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: .4s; -webkit-transition-delay: .4s; }
.product-box12-add.pro-anchor2.ani .book-txt2{ transform: scale(0) translate(-800%,100%); transform: scale(0) translate(-800%,100%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1s; -webkit-transition-delay: 1s; }
.product-box12-add.pro-anchor2.ani .book-txt3{ transform: scale(0) translate(700%,-1200%); transform: scale(0) translate(700%,-1200%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.4s; -webkit-transition-delay: 1.4s; }
.product-box12-add.pro-anchor2.ani .book-txt4{ transform: scale(.3) translate(4200%,-300%); transform: scale(.3) translate(4200%,-300%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: .6s; -webkit-transition-delay: .6s; }
.product-box12-add.pro-anchor2.ani .book-txt5{ transform: scale(0) translate(-600%,100%); transform: scale(0) translate(-600%,100%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.6s; -webkit-transition-delay: 1.6s; }
.product-box12-add.pro-anchor2.ani .book-txt6{ transform: scale(0) translate(-1000%,100%); transform: scale(0) translate(-1000%,100%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: .5s; -webkit-transition-delay: .5s; }
.product-box12-add.pro-anchor2.ani .book-txt7{ transform: scale(.3) translate(3200%,100%); transform: scale(.3) translate(3200%,100%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.5s; -webkit-transition-delay: 1.5s; }
.product-box12-add.pro-anchor2.ani .book-txt8{ transform: scale(.3) translate(3000%,100%); transform: scale(.3) translate(3000%,100%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: .7s; -webkit-transition-delay: .7s; }
.product-box12-add.pro-anchor2.ani .book-txt9{ transform: scale(.3) translate(1200%,300%); transform: scale(.3) translate(1200%,300%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.8s; -webkit-transition-delay: 1.8s; }
.product-box12-add.pro-anchor2.ani .book-txt10{ transform: scale(.3) translate(1800%,-300%); transform: scale(.3) translate(1800%,-300%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.1s; -webkit-transition-delay: 1.1s; }
.product-box12-add.pro-anchor2.ani .book-txt11{ transform: scale(.3) translate(-300%,1200%); transform: scale(.3) translate(-300%,1200%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: .8s; -webkit-transition-delay: .8s; }
.product-box12-add.pro-anchor2.ani .book-txt12{ transform: scale(.3) translate(0%,-500%); transform: scale(.3) translate(0%,-500%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.2s; -webkit-transition-delay: 1.2s; }
.product-box12-add.pro-anchor2.ani .book-txt13{ transform: scale(.3) translate(1100%,-2600%); transform: scale(.3) translate(1100%,-2600%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: .9s; -webkit-transition-delay: .9s; }
.product-box12-add.pro-anchor2.ani .book-txt14{ transform: scale(.3) translate(800%,400%); transform: scale(.3) translate(800%,400%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.3s; -webkit-transition-delay: 1.3s; }
.product-box12-add.pro-anchor2.ani .book-txt15{ transform: scale(.3) translate(-1600%,-2000%); transform: scale(.3) translate(-1600%,-2000%); opacity: 0; transition: all 3s ease; -webkit-transition: all 3s ease; transition-delay: 1.7s; -webkit-transition-delay: 1.7s; }




.product-box13{ position: relative; }
.product-txt13{ position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: 50%; margin-left: -580px; }
.product-txt13 h3{ font-size: 52px; color: #333; width: 500px; font-weight: normal; margin-bottom: 24px; }
.product-txt13 p{ font-size: 20px; color: #333; width: 580px; }

.product-box13s{ padding: 1px 0; padding-bottom: 130px; background: #fff; }
.product-table-box{ width: 950px; margin: 0 auto; }
.product-table{ width: 100%; text-align: center; }
.product-table thead tr th{ font-size: 24px; color: #fff; font-weight: normal; vertical-align: bottom; }
.product-table thead tr th:first-child{ width: 275px; }
.product-table-head{ height: 50px; line-height: 50px; background: #252525 }
.product-table-head2{ height: 60px; line-height:60px; background: #005cff }
.product-table tbody tr td{ font-size: 18px; padding: 18px 0; background: #fff; }
.product-table tbody tr:nth-child(even) td{ background: #e9e9e9 }
.product-table tbody tr td:nth-child(2){ border-left: 1px solid #005cff; border-right: 1px solid #005cff; }
.product-table tbody tr:nth-child(even) td:nth-child(2){ background: #d8e5f6 }


.product-box14{ position: relative; background: #000; padding-top: 1px; background: #000; }
.product-box14 .product-txt12{ position: relative; }
.product14-img{ width: 100%; display: block; }
.product-box15{ background: #fff; padding: 1px 0; }
.product-box15-list{ width: 1400px; margin: 0 auto 80px auto; }
.product-box15-ul li{ float: left; width: 20%; text-align: center; }
.icon-product{ display: inline-block; width: 74px; height: 74px; }
.icon-product1{ background: url(/images/onecloud/product/icon-product1.png?20170901) no-repeat center; background-size: cover; }
.icon-product2{ background: url(/images/onecloud/product/icon-product2.png?20170901) no-repeat center; background-size: cover; }
.icon-product3{ background: url(/images/onecloud/product/icon-product3.png?20170901) no-repeat center; background-size: cover; }
.icon-product4{ background: url(/images/onecloud/product/icon-product4.png?20170901) no-repeat center; background-size: cover; }
.icon-product5{ background: url(/images/onecloud/product/icon-product5.png?20170901) no-repeat center; background-size: cover; }
.product15-img{ display: block; margin: 0 auto; width: 40%; margin-bottom: 60px; }

.product-go{ padding: 100px 0; text-align: center; background: url(/images/onecloud/product/product-go.png?20170901) no-repeat center; background-size: cover; }
.product-go h3{ font-size: 32px; color: #fff; }
.product-go p{ font-size: 16px; color: #fff; }
.product-go p a{ color: #fff; margin-top: 5px; display: inline-block; }
.product-go p a:hover{ text-decoration: underline; }

.about-table{ width: 1200px; margin: 100px auto 0 auto; display: table; }
.about-cell{ display: table-cell; width: 50%; position: relative; padding: 0 20px; }
.product-txt2 .about-table p{ width: auto; font-size: 16px; height: 50px; }
.about-title{ font-size: 24px; color: #fff; margin-bottom: 20px; color: #b28850 }
.zqb-logo{ font-size: 20px; width: 10em; background: url(/images/onecloud/zqb/zqb-logo.png) no-repeat center; background-size: cover; margin: 0 auto 20px auto; }
.zqb-logo.zqb-logo-hk{ background: url(/images/onecloud/hk/grabcode/zqb-logo.png) no-repeat center; background-size: cover; }
.zqb-logo:after,.wkb-logo:after{ content: " "; display: block; padding-top: 100%; }
.wkb-logo{ font-size: 20px; width: 10em; background: url(/images/onecloud/zqb/onecloud-bold.png) no-repeat center; background-size: cover; margin: 0 auto 20px auto; }
.about-liney{ position: absolute; right: 0; top: 0; width: 1px; height: 50%; background-image:-webkit-linear-gradient(top,transparent 0%,#f6ca87 50%,transparent 100%); background-image:linear-gradient(top,transparent 0%,#f6ca87 50%,transparent 100%);}
@media only screen and (max-width: 1280px){
    .about-table{ width: 100%; }
    .product-txt2 .about-table p{ font-size: 14px; margin-bottom: 30px; height: 80px; }
}
@media only screen and (max-width: 1280px){
    .about-table{ width: 100%; }
    .product-txt2 .about-table p{ font-size: 14px; margin-bottom: 30px; height: 80px; }
}
@media only screen and (max-width: 1000px){
    .product-txt2 .about-table p{ font-size: 12px; }
}
@media only screen and (max-width: 520px){
    .about-table{ width: 100%; margin-top: 50px; display: block; }
    .about-cell{ display: block; width: auto; }
    .about-liney{ display: none; }
    .product-txt2 .about-table p{ font-size: 12px; height: auto; }
}

.pro-anchor>*{ opacity: 0; }
.pro-anchor.ani h3{ animation: showAnchor 1s both; -webkit-animation: showAnchor 1s both; }
.pro-anchor.ani p{ animation: showAnchor 1s .2s both; -webkit-animation: showAnchor 1s .2s both; }
.pro-anchor.ani .product-img-bg2{ animation: showAnchor 1s .3s both; -webkit-animation: showAnchor 1s .3s both; }
.pro-anchor.ani h6{ animation: showAnchor 1s .4s both; -webkit-animation: showAnchor 1s .4s both; }
.pro-anchor.ani p a{ animation: showAnchor 1s .3s both; -webkit-animation: showAnchor 1s .3s both; }
.pro-anchor.ani .product-box3-img{ animation: showAnchor 1s both; -webkit-animation: showAnchor 1s both; }
.pro-anchor.ani .about-table{ animaabout-celltion: showAnchor 1s .4s both; -webkit-animation: showAnchor 1s .4s both; }
.pro-anchor.ani .product-ul{ animation: showAnchor 1s both; -webkit-animation: showAnchor 1s both; }

@keyframes showAnchor{
    0%{ transform: translateY(30px); opacity: 0; }
    100%{ transform: translateY(0); opacity: 1; }
}
@-webkit-keyframes showAnchor{
    0%{ -webkit-transform: translateY(30px); opacity: 0; }
    100%{ -webkit-transform: translateY(0); opacity: 1; }
}




/*鍙傛暟*/
.mainer-parameter{ background: #fff; }
.banner-parameter{ width: 980px; margin: 0 auto; }
.parameter-img{ padding: 100px 0 50px 0; text-align: center;}
.parameter-img img{ margin: 0 auto; }
.parameter-img-tab{ width: 500px; margin: 0 auto; }
.parameter-img-tab-list li{ width: 33.3333%; float: left; text-align: center; list-style: none; }
.icon-parameter-blue,.icon-parameter-black,.icon-parameter-orange{ display: inline-block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #fff; box-shadow: 0 0 5px rgba(0,0,0,1) }
.icon-parameter-blue{ background: #1c3966 }
.icon-parameter-black{ background: #161618 }
.icon-parameter-orange{ background: #ed712a }
.parameter-img-tab-list li p{ color: #161618; margin-top: 10px; }
.parameter-num{ text-align: center; margin-top: 90px; margin-bottom: 80px; }
.parameter-num-list{ display: inline-block; width: 33%; height: 80px; vertical-align: middle; margin-bottom: 44px; }
.parameter-num-list h4{ font-size: 32px; color: #161618; font-weight: normal; }
.parameter-num-list p{ font-size: 16px; color: #161618; }
.parameter-data{ width: 880px; margin: 0 auto; }
.parameter-table{ width: 100%; border-collapse:collapse; border-spacing:0; color: #161618; }
.parameter-table td{ font-size: 18px; text-align: center; border: 1px solid #3b3b3b; padding: 24px 0; }

.product-things-list{ background: url(/images/onecloud/product/product-list-bg.png?20170901); margin-top: 60px; padding: 60px 0; text-align: center; }
.product-things-list h4{ font-size: 32px; color: #161618; font-weight: normal; margin-bottom: 60px; }
.product-things-list img{ display: inline-block; }

/*redbag-jd-link*/
.redbag-jd{ position: fixed; z-index: 9999; right: 4%; bottom: 4%; width: 128px; }
.redbag-light{ position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/onecloud/redbag-light.png?20170901) no-repeat top center; background-size: cover; }
@media only screen and (max-width: 768px){
    .redbag-jd{ width: 20%; }
}
.redbag-jd:after{ content: " "; display: block; padding-top: 100%; }
.redbag-jd-link{ display: block; z-index: 3; width: 100%; height: 100%; text-align: center; position: absolute; background: url(/images/onecloud/redbag-jd.png?20170901) no-repeat center; background-size: cover; }
.icon-redbag-open{ display: inline-block; width: 22%; margin-top: 20%; background: url(/images/onecloud/redbag-open.png?20170901) no-repeat center; background-size: cover; }
.icon-redbag-open:after{ content: " "; display: block; padding-top: 100%; }
.icon-redbag-open{ animation: icon-redbag-open 2s both infinite; -webkit-animation: icon-redbag-open 2s both infinite; }
@keyframes icon-redbag-open{
    0%{ transform: rotateY(0deg); }
    100%{ transform: rotateY(360deg); }
}
@keyframes icon-redbag-open{
    0%{ -webkit-transform: rotateY(0deg); }
    100%{ -webkit-transform: rotateY(360deg); }
}

.redbag-jd{ animation: redbag-out .8s both; -webkit-animation: redbag-out .8s both; transform-origin: bottom; }
@keyframes redbag-out{
    0%{ transform: translate3d(200px,0,0) skew(30deg); }
    60%{ transform: translate3d(0,0,0) skew(-10deg); }
    70%{ transform: translate3d(0,0,0) skew(8deg); }
    90%{ transform: translate3d(0,0,0) skew(-6deg); }
    100%{ transform: translate3d(0,0,0) skew(0deg); }
}
@-webkit-keyframes redbag-out{
    0%{ -webkit-transform: translate3d(200px,0,0) skew(30deg); }
    60%{ -webkit-transform: translate3d(0,0,0) skew(-10deg); }
    70%{ -webkit-transform: translate3d(0,0,0) skew(8deg); }
    90%{ -webkit-transform: translate3d(0,0,0) skew(-6deg); }
    100%{ -webkit-transform: translate3d(0,0,0) skew(0deg); }
}

.redbag-light{ animation: redbag-light 1s .8s both; -webkit-animation: redbag-light 1s .8s both; opacity: 0; }
@keyframes redbag-light{
    0%{ transform: rotate(0deg) scale(0); }
    100%{ transform: rotate(360deg) scale(1); opacity: 1; }
}
@-webkit-keyframes redbag-light{
    0%{ -webkit-transform: rotate(0deg) scale(0); }
    100%{ -webkit-transform: rotate(360deg) scale(1); opacity: 1; }
}

/*wrj-jd*/
.wrj-jd{ position: fixed; z-index: 999; right: 20px; bottom: 20px; width: 128px; height: 128px; }
.wrj-jd-bg{ position: absolute; z-index: 2; left: 0; top: 0; width: 100%; height: 100%; background: url(/images/onecloud/wrj-jd-bg.png?20170901) no-repeat bottom center; background-size: cover; }
.wrj-jd-img{ position: absolute; z-index: 3; left: 0; top: 0; width:100%; background: url(/images/onecloud/wrj-jd-img.png?20170901) no-repeat bottom center; background-size: cover; }
.wrj-jd-img:after{ display: block; content: " "; padding-top: 62.5%; }
.wrj-jd-light{ position: absolute; z-index: 1; width: 130%; height: 130%; left: -15%; top: -15%;  background: url(/images/onecloud/redbag-light.png?20170901) no-repeat bottom center; background-size: cover; }
.wrj-jd-link{ display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 4; }

.wrj-jd{ animation: wrj-jd 1s both linear; -webkit-animation: wrj-jd 1s both linear; }
@keyframes wrj-jd{
    0%{ transform: scale(0); }
    60%{ transform: scale(1.2); }
    70%{ transform: scale(.8); }
    80%{ transform: scale(1.1); }
    90%{ transform: scale(.9); }
    100%{ transform: scale(1); }
}
@-webkit-keyframes wrj-jd{
    0%{ -webkit-transform: scale(0); }
    60%{ -webkit-transform: scale(1.2); }
    70%{ -webkit-transform: scale(.8); }
    80%{ -webkit-transform: scale(1.1); }
    90%{ -webkit-transform: scale(.9); }
    100%{ -webkit-transform: scale(1); }
}

.wrj-jd-light{ opacity: 0; animation: redbag-light 1s .8s both; -webkit-animation: redbag-light 1s .8s both; }
.wrj-jd-img{ animation: wrj-jd-img 4s 1s both linear infinite; -webkit-animation: wrj-jd-img 4s 1s both linear infinite; }
@keyframes wrj-jd-img{
    0%{ transform: translate3d(0,0,0); }
    25%{ transform: translate3d(0,-10px,0); }
    50%{ transform: translate3d(0,0,0); }
    75%{ transform: translate3d(0,10px,0); }
    100%{ transform: translate3d(0,0,0); }
}
@-webkit-keyframes wrj-jd-img{
    0%{ transform: -webkit-translate3d(0,0,0); }
    25%{ transform: -webkit-translate3d(0,-10px,0); }
    50%{ transform: -webkit-translate3d(0,0,0); }
    75%{ transform: -webkit-translate3d(0,10px,0); }
    100%{ transform: -webkit-translate3d(0,0,0); }
}

@media only screen and (max-width: 768px){
    .wrj-jd{ width: 80px; height: 80px; }
}

/*鍦烘櫙*/

.cj-box,.cj-box-first{ overflow:hidden; position: relative; z-index: 1; }
.cj-box-first{ background: url(/images/onecloud/product/product-cj-bg2.jpg?20170901) no-repeat bottom center; background-size: cover; height: calc(100vh - 46px); height: -webkit-calc(100vh - 46px) }
.cj-box-last{ padding: 20px 0; }
.cj-box-last img{ display: block; width: 100%; }
.cj-img{ display: block; width: 100%; }
.cj-txt{ position: absolute; z-index: 3; opacity: 0; color: #fff; width: 100%; left: 0; text-align: center; top: 25%; transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.cj-txt.cj-txt1{ top: 18%; }
.cj-txt.cj-txt2{ top: 13%; }
.cj-txt.cj-txt3{ top: 28%; }
.cj-txt.cj-txt4{ top: 40%; }
.cj-txt h3{ font-size: 60px; font-weight: normal; }
.cj-txt h3 small{ display: block; font-size: 36px; }
.cj-txt p{ font-size: 36px; color: #fff; }
@media only screen and (max-width: 1280px){
    .cj-txt{ top: 30%; }
    .cj-txt h3{ font-size: 44px; }
    .cj-txt p,.cj-txt h3 small{ font-size: 24px; color: #fff; }
}
@media only screen and (max-width: 768px){
    .cj-txt.cj-txt1{ top: 38%; }
    .cj-txt.cj-txt2{ top: 33%; }
    .cj-txt.cj-txt3{ top: 38%; }
    .cj-txt.cj-txt4{ top: 40%; }
}
.cj3-1{ display: block; width: 20%; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.cj-box-first .cj-txt{ animation: showDiv 1s both linear; -webkit-animation: showDiv 1s both linear; opacity: 0; }
.cj-box.ani .cj-txt{ animation: showDiv 1s both linear; -webkit-animation: showDiv 1s both linear; opacity: 0; }
.cj-box.cj-box3.ani .cj-txt{ animation: showDiv2 1s both linear; -webkit-animation: showDiv2 1s both linear; opacity: 0; }
.cj-box.cj-box3.ani .cj3-1{ animation: showDiv3 1.2s both linear; -webkit-animation: showDiv3 1.2s both linear; opacity: 0; z-index: 3; }
.cj-box3 .cj-img{ transition: all .4s ease; -webkit-transition: all .4s ease; transform: scale(1.2); -webkit-transform: scale(1.2); }
.cj-box.cj-box3.ani .cj-img{ -webkit-filter: blur(4px); filter: blur(4px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=4, MakeShadow=false); }
@keyframes showDiv{
    0%{ opacity: 0; transform: translateY(0%); }
    100%{ opacity: 1; transform: translateY(-50%); }
}
@-webkit-keyframes showDiv{
    0%{ opacity: 0; -webkit-transform: translateY(0%); }
    100%{ opacity: 1; -webkit-transform: translateY(-50%); }
}
@keyframes showDiv2{
    100%{ opacity: 1; transform: translateY(-280%); }
}
@-webkit-keyframes showDiv2{
    100%{ opacity: 1; -webkit-transform: translateY(-280%); }
}
@keyframes showDiv2d{
    100%{ opacity: 1; transform: translateY(-60px); }
}
@-webkit-keyframes showDiv2d{
    100%{ opacity: 1; -webkit-transform: translateY(-60px); }
}
@keyframes showDiv3{
    0%{ opacity: 0; transform: translate(-50%,20%); }
    100%{ opacity: 1; transform: translate(-50%,0%); }
}
@-webkit-keyframes showDiv3{
    0%{ opacity: 0; -webkit-transform: translate(-50%,20%); }
    100%{ opacity: 1; -webkit-transform: translate(-50%,0%); }
}


@media only screen and (max-width: 1440px) {
    .document{ width: 100%; }
    .product-box15-list{ width: 100%; }
    .product-ul{ width: 900px; margin-bottom: 60px; }
    .product-txt2,.product-txt4,.product-txt8{ top: 60px; }
    .product-txt9{ margin-top: 60px; }
    .product-txt5{ font-size: 14px; }
    .pro-txt h3{ font-size: 42px; }
    .product-txt12.pro-txt p{ width: 90%; }
    .product-txt13 p{ width: 500px; }
    .product-txt12 p{ margin-bottom: 0; }
    .product-txt11{ right: 50px; bottom: 50px; }
    .product-txt13{ margin-left: -450px; }
    .product-txt13 h3{ width: 400px; }
    .product-box14 .product-txt12{ margin-bottom: 40px; }
    .product-go{ padding: 40px 0; }
    .product-box12-add{ width: 1250px; }
}

@media only screen and (max-width: 1280px) {
    .product-box12-add{ width: 90%; overflow: hidden; }
}

@media only screen and (max-width: 768px){
    .prod-tip p {font-size:12px;}
    #vd{ width: auto; height: 50%; display: none; }
    .product-header{ width: 100%; left: 0; }
    .product-menu{ width: 92%; left: 4%; }
    .product-header.on .product-menu{ width: 92%; left: 4%; }
    .product-menu li{ margin-left: 14px; font-size: 12px; }
    .product-box3 p{ width: 92%; font-size: 12px; }
    .pro-txt{ padding: 0 10px; box-sizing: border-box;}
    .pro-txt h3{ font-size: 42px; margin-bottom: 10px; font-weight: bold; }
    .pro-txt p{ font-size: 16px; margin-bottom: 5px; }
    .product-box4{ padding-top: 70px; }
    .product-box4 .product-img-bg2{ width: 70%; }
    .product-txt4 h6{ margin-bottom: 10px; font-size: 12px; }
    .product-box5-right,.product-box5-left{ width: 100%; float: none; }
    .product-txt5{ width: 90%; font-size: 14px; margin-left: 0; bottom: 10%; left: 50%; height: auto; transform: translate(-50%,0); -webkit-transform: translate(-50%,0); }
    .product-txt6 p{ width: auto; }
    .product-box-left,.product-box-right{ padding-bottom: 40px; }
    .product-box7 .product-img-bg{ display: none; }
    .product-txt13{ left: 2%; margin-left: 0; }
    .icon-product{ width: 40px; height: 40px; }
    .product-box15-ul{ text-align: center; }
    .product-box15-ul li{ float: none; width: 32%; display: inline-block; vertical-align: middle; }
    .product-box15-ul li h4{ font-size: 12px; }
    .product-box15-ul li p{ font-size: 12px; height: 40px; padding: 0 5px; }
    .product-txt9{ margin-bottom: 30px; margin-top: 30px; }
    .product-txt9 h3{ margin-bottom: 10px; }
    .product-box15-list{ margin: 0 auto 30px auto; }
    .product15-img{ margin: 0 auto 30px auto; }
    .product-go{ padding: 20px 0; }
    .product-go h3{ font-size: 18px; }
    .product-go p a{ font-size: 14px; }
    .product-txt13 h3,.product-txt13 p{ width: 70%; }
    .product-txt8{ top: 40px; }
    .product-txt8 p{ width: auto; color: #f1f1f1 }
    .product-box8 .product-img-bg{ display: none; }
    .product-txt9 p{ width: auto; color: #333; }
    .product-box12{ background: #f7f8fa; }
    .product-box12 .product-img-bg2{ display: block; width: 100%; }
    .product-box12 .product-img-bg{ display: none; }
    .product-txt12{ width: 100%; color: #fff; position: absolute; left: 0; top: 0; padding-top: 40px; }
    .product-box12 .product-txt12 h3,
    .product-box12 .product-txt12 p{ color:#fff; text-shadow:none; text-shadow: 0 1px 1px #999;}
    .product-box12-add{ display: none; }
    .product-box13{ height: 360px; background: url(/images/onecloud/product/product-box13.jpg?20170901) no-repeat; background-size: cover; }
    .product-box13 .product-img-bg{ display: none; }
    .product-box14{ height: 500px; background: url(/images/onecloud/product/product14-img.jpg?20170901) no-repeat center bottom #000; background-size: 170% auto; }
    .product-box14 .product14-img{ display: none; }
    .product-img9 img{ width: 60%; }
    .product-txt1{ width: 100%; }
    .product-txt1.pro-txt p{ font-size: 24px; }
    .product-txt1.pro-txt p.t-small{ font-size: 18px; margin-bottom: 10px; }
    .product-play{ width: 40px; height: 40px; }
    .product-txt2 p{ margin-bottom: 15px; width: auto; color: #ccc; }
    .product-box2 .prod-tip {bottom:10px;}
    .product-box2 .prod-tip p {width:auto; margin-bottom:10px; font-size:12px;}
    .product-txt4{ top: 20px; }
    .product-txt4 p{ width: auto; }
    .product-btn1{ font-size: 12px; }
    .product-ul{ width: 100%; text-align: center; }
    .product-ul li{ width: 33.3333%; }
    .product-ul.product-ul-hk li{ width: 50%; }
    .product-ul li h4{ font-size: 24px; }
    .product-ul li p{ font-size: 12px; }
    .product10-list{ margin-left: -1%; }
    .product10-list li{ float: left; width: 49%; margin-left: 1%; position: relative; overflow: hidden; margin-bottom: 5px; }
    .product-box11{ height: 500px; background: url(/images/onecloud/product/product-box11.jpg?20170901) no-repeat center; background-size: cover; }
    .product-box11 .product-img-bg{ display: none; }
    .product-txt11{ bottom: 0; right: 0; left: 0; background: rgba(0,0,0,.5); padding: 20px; font-size: 30px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.4) }
    .product-box12-add.pro-anchor{ display: none; }
    /*.cj-box-first .cj-txt,.cj-box.ani .cj-txt,.cj-box.cj-box3.ani .cj-txt,.cj-box.cj-box3.ani .cj3-1{ animation: none; -webkit-animation: none; opacity: 1 }
    .cj-txt{ opacity: 1; }
    .cj-box.cj-box3 .cj-txt{ transform: translateY(-130%); -webkit-transform: translateY(-140%); }
    .cj3-1{ opacity: 1; z-index: 2; }
    .cj3-1{ opacity: 1; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%) }
    .cj-box.cj-box3.ani .cj-img{ -webkit-filter: blur(0); filter: blur(0); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=0, MakeShadow=false); opacity: 1; }*/
    .cj-txt h3{ font-size: 24px; }
    .cj-box-first .cj-txt{ top: 27%; }
    .cj-box-first .cj-txt h3{ font-size: 36px; }
    .cj-txt h3 small{ font-size: 18px; }
    .cj-txt p{ font-size: 16px; }
    .cj-box.cj-box3.ani .cj-txt{ animation: showDiv2d 1s both linear; -webkit-animation: showDiv2d 1s both linear; opacity: 0; }
    .cj-box-last{ padding: 8px 0; }
    .cj-box.cj-box2 .cj-txt{ animation: showDiv 1s both linear; -webkit-animation: showDiv 1s both linear; }
    .banner-parameter{ width: auto; }
    .parameter-img img{ width: 80%; }
    .parameter-img-tab{ width: 90%; }
    .icon-parameter-blue, .icon-parameter-black, .icon-parameter-orange{ width: 24px; height: 24px; }
    .parameter-img-tab-list li p{ margin-top: 1px; }
    .product-things-list{ background: #1b1b1b; }
    .parameter-num{ margin:40px 0 10px 0; }
    .parameter-num-list{ width: 32%; margin-bottom: 0px; height: 60px; }
    .parameter-num-list h4{ font-size: 14px; }
    .parameter-num-list p{ font-size: 12px; }
    .parameter-num .parameter-num-list:nth-child(4),.parameter-num .parameter-num-list:nth-child(5){ width: 40%; }
    .parameter-data{ width: 96%; }
    .product-box13s{ padding-bottom: 30px; }
    .parameter-table td{ font-size: 12px; padding:10px 0; }
    .parameter-table tr:first-child td:first-child{ width: 160px; }
    .product-things-list{ padding-top: 30px; }
    .product-things-list h4{ font-size: 24px; margin-bottom: 30px; }
    .product-things-list img{ max-width: 90%; }
    .product-table-box{ width: 96%; }
    .product-table thead tr th{ font-size: 14px; }
    .product-table-head{ height: 30px; line-height: 30px; background: #252525 }
    .product-table-head2{ height: 40px; line-height:40px; background: #005cff }
    .product-table tbody tr td{ font-size: 12px; padding: 10px 0; }
    .product-table tbody tr td:first-child{ width: 0px; overflow: hidden; display: none; }
    .product-table thead tr th:first-child{ width: 0px; overflow: hidden; display: none; }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .product-menu{ width: auto; }
    .product-box12-add{ -webkit-transform: translateX(-50%) scale(.6); transform: translateX(-50%) scale(.6); }
    .product-table-box{ width: 96%; }
    .product-table tbody tr td:first-child{ width: 0px; overflow: hidden; display: none; }
    .product-table thead tr th:first-child{ width: 0px; overflow: hidden; display: none; }
    .product-txt8 p{ width: 96%; }
    .product-txt8 p{ font-size: 18px; }
    .product-ul{ width: auto; }
}

@media only screen and (max-width: 520px){
    .pro-txt h3{ font-size: 24px; }
    .pro-txt p{ font-size: 12px; }
    .product-txt5{ font-size: 12px; }
}

@media only screen and (max-width: 376px){
    .pro-txt h3{ font-size: 20px; }
    .parameter-num-list p{ font-size: 11px; }
}
@media only screen and (max-width: 361px){
}
@media only screen and (max-width: 321px){
    .pro-txt p{ font-size: 10px; }
    .product-txt1.pro-txt p{ font-size: 24px; }
    .product-txt1.pro-txt p.t-small{ font-size: 16px; }
    .product-box3 p{ font-size: 10px; }
    .product-txt7 h3{ width: auto; }
    .product-box-left, .product-box-right{ padding-bottom: 30px; font-size: 10px; }
    .parameter-num-list p{ font-size: 10px; }
    .product-menu li{ margin-left:5px;}
}



/* add-by-xunajie 20180517 */
.product-cont{ position:relative; margin:0 auto; max-width:1200px; font-size:24px;}
.m-product-banner{ display:none;}
@media only screen and (max-width:735px){
    .product-cont{ font-size:12px;}
    .m-product-banner{ display:block; width:100%;}
}

.product-box-np1{ height:1045px; background:#050b31 url(/images/onecloud/product/overview/pc_banner_01.jpg) no-repeat center top;}
.product-cont-t1{ padding-top:350px; color:#fff;}
.product-cont-t1 h3{ margin-bottom:30px; font-weight:bold; font-size:2em; line-height:1.6;}
.product-cont-t1 h3 em{ display:block; font-style:normal;}
.product-cont-price{ margin-top:50px; font-size:1em;}
.product-cont-price em{ font-style:normal; font-size:2em;}
.product-cont-price del{ margin-left:20px;}
.product-cont-price-old{ margin-top:5px; font-size:.7em; color:#666;}
@media only screen and (max-width:1068px){
    .product-box-np1{ height:700px; background-size:auto 100%;}
    .product-cont-t1{ padding-left:20px; padding-top:170px;}
}
@media only screen and (max-width:735px){
    .product-box-np1{ padding-top:60px; height:auto; background:#001126;}
    .product-cont-logolist{ display:none;}
    .product-cont-t1{ position:absolute; left:0; top:0; right:0; padding-top:0; text-align:center;}
    .product-cont-t1 h3{ margin-bottom:20px;}
    .product-cont-t1 h3 em{ display:inline;}
    .product-cont-price{ margin-top:20px; font-size:1.2em;}
    .product-cont-price-old{ font-size:1em; color:#999;}
}

.product-box-np2{ height:1045px; background:#f1f1f1 url(/images/onecloud/product/overview/pc_banner_02.jpg) no-repeat center top;}
.product-cont-t2{ padding-top:60px; max-width:800px;}
.product-cont-t2 h3{ margin-bottom:30px; font-weight:bold; font-size:1.5em; line-height:1.6;}
.product-cont-t2 p{ width:435px; font-size:.75em; line-height:2; text-align:justify;}
.product-cont-newslist{ margin-bottom:30px;}
.product-cont-newslist:after{ display:table; content:""; clear:both;}
.product-cont-newslist li{ float:left; box-sizing:border-box; margin-bottom:25px; width:50%; font-size:.75em; line-height:2; text-align:justify;}
.product-cont-newslist img{ margin-top:20px; width:auto;}
.product-cont-newslist em{ display:block; font-style:normal;}
@media only screen and (max-width:1068px){
    .product-cont-t2{ box-sizing:border-box; padding-left:20px; width:75%;}
    .product-cont-newslist li{ padding-right:40px; font-size:.7em;}
    .product-cont-newslist em{ display:inline;}
    .product-cont-t2>img{ margin-top:20px; width:75%;}
}
@media only screen and (max-width:735px){
    .product-box-np2{ padding-bottom:50px; height:auto; background:#001126 url(/images/onecloud/product/overview/m_banner_02_180517.jpg) no-repeat center top; background-size:100% auto;}
    .product-cont-t2{ padding-left:25px; padding-right:25px; width:100%; color:#fff;}
    .product-cont-t2 h3{ display:none;}
    .product-cont-t2>img{ margin-top:100px; width:100%;}
    .product-cont-newslist li{ float:none; width:44%; font-size:1em; line-height:1.6;}
    .product-cont-newslist img{ margin-top:10px; width:100px; background-color:#fff;}
    .product-cont-t2 p{ width:100%; font-size:1em;}
}

.product-box-np3{ height:1045px; background:#f7f8fa url(/images/onecloud/product/overview/pc_banner_03_180517.jpg) no-repeat center top;}
.product-cont-t3{ padding-top:80px; max-width:560px;}
.product-cont-t3 h3{ margin-bottom:15px; font-weight:bold; font-size:1.5em; line-height:1.6;}
.product-cont-dl{ margin-bottom:40px; line-height:2;}
.product-cont-dl dt{ font-weight:bold;}
.product-cont-dl dd{ font-size:.75em; color:#666;}
.product-cont-scene h4{ margin-bottom:10px; font-weight:bold; font-size:1.5em;}
.product-cont-scene p{ font-size:.75em; line-height:2; color:#666;}
.m-product-cont-shop{ display:none;}
.product-cont-logolist{ margin-top:20px;}
.product-cont-logolist:after{ display:table; content:""; clear:both;}
.product-cont-logolist li{ float:left; box-sizing:border-box; padding-right:50px; width:50%; height:220px; text-align:center;}
.product-cont-logolist img{ display:block; margin:0 auto 10px; width:auto;}
.product-cont-logolist h5{ margin-bottom:10px; font-weight:bold; font-size:.75em; color:#0063dc;}
.product-cont-logolist p{ font-size:.67em; line-height:1.4; color:#333;}
.product-cont-tip3{ position:absolute; left:50%; top:815px; margin-left:185px; width:360px; font-size:.6em; text-align:center;}
@media only screen and (max-width:1068px){
    .product-cont-t3{ box-sizing:border-box; padding-left:20px; width:75%;}
    .product-cont-tip3{ display:none;}
}
@media only screen and (max-width:735px){
    .product-box-np3{ padding-bottom:40px; height:auto; background:#f7f7f7;}
    .product-cont-t3{ padding-top:40px; padding-left:0; width:100%;}
    .product-cont-t3 h3{ text-align:center;}
    .product-cont-dl,.product-cont-scene{ padding:0 25px;}
    .product-cont-dl dt{ font-size:1.25em;}
    .product-cont-dl dd,.product-cont-scene p{ font-size:1em;}
    .m-product-cont-shop{ display:block; margin-top:20px; text-align:center;}
    .m-product-cont-shop img{ margin:10px 0; max-width:100%;}
    .m-product-cont-shop h5{ margin-bottom:10px; font-size:1.5em;}
    .m-product-cont-shop img.m_product_logos{ display:block; margin:20px auto 40px; width:80%;}
    .m-product-prolist:after{ display:table; content:""; clear:both;}
    .m-product-prolist li{ float:left; width:50%;}
    .m-product-prolist img{ display:block; margin:0 auto; width:50px;}
    .m-product-prolist h6{ margin-bottom:10px; font-size:1.5em;}
    .m-product-prolist p{ line-height:1.6;}
    .m-product-cont-shop-tip{ margin-top:40px; padding:0 15px;}
}

.product-box-np4{ height:1045px; background:#000 url(/images/onecloud/product/product-bg4s.jpg) no-repeat center top;}
.product-cont-t4{ position:absolute; left:0; top:80px; right:0; text-align:center;}
.product-cont-t4 h3{ margin-bottom:30px; font-size:2em; color:#facd89;}
.product-cont-t4 p{ font-size:.75em; line-height:1.8; color:#fff;}
@media only screen and (max-width:735px){
    .product-box-np4{ height:auto; background:#000;}
    .product-cont-t4{ top:50px;}
    .product-cont-t4 h3{ margin-bottom:10px; font-weight:bold;}
    .product-cont-t4 p{ font-size:1em;}
}

.product-box-video{ position:relative; height:800px; background:#000 url(/video/video_pic.jpg) no-repeat center bottom; background-size:auto 100%; overflow:hidden;}
.product-box-video-btn{ position:absolute; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.3); z-index:2;}
.video-full{ display:block; margin:0 auto; height:100%;}
.i-video-player{ position:absolute; left:50%; top:50%; margin:-50px 0 0 -50px; width:100px; height:100px; background:url(/images/onecloud/video_btn.png) no-repeat center center; background-size:100%; cursor:pointer; opacity:.8;}
.i-video-player:hover{ opacity:1;}
.product-box-video-pop{ position:fixed; left:0; top:0; right:0; bottom:0; display:table; width:100%; height:100%; background-color:rgba(0,0,0,.98); z-index:100000;}
.product-box-video-pop-tbcell{ display:table-cell; height:100%; vertical-align:middle;}
.video-pop{ margin:0 auto; display:block; max-width:90%; max-height:80%;}
.i-video-close{ position:absolute; right:0; top:0; width:72px; height:72px; background:url(/images/onecloud/video_close.png) no-repeat center center; background-size:100%; text-indent:-500%; overflow:hidden; cursor:pointer; -webkit-transition:-webkit-transform .3s; transition:transform .3s;}
.i-video-close:hover{ -webkit-transform:rotate(90deg); transform:rotate(90deg);}
@media only screen and (max-width:1068px){
    .product-box-video{ height:450px;}
}
@media only screen and (max-width:735px){
    .product-box-video{ height:280px;}
    .video-full{ width:100%;}
    .i-video-player{ margin:-40px 0 0 -40px; width:80px; height:80px;}
}

.o-bubble{ position:fixed; right:0; bottom:18%; z-index:100; -webkit-animation:bubbleAni 1s linear infinite alternate both; animation:bubbleAni 1s linear infinite alternate both; display:none;}
.o-bubble-buy{ position:relative; display:block; width:210px; height:240px; background:url(/images/onecloud/o_bubble.png) no-repeat center; background-size:100%; text-indent:-500%; overflow:hidden;}
.o-bubble-buy i{ position:absolute; left:0; top:0; width:20px; height:100%; -webkit-filter:brightness(130%); background:url(/images/onecloud/o_bubble_highlight.png) no-repeat left top; background-size:210px auto; -webkit-animation:highlight 4s linear infinite both; animation:highlight 4s linear infinite both;}
.o-bubble-close{ position:absolute; right:0; top:0; width:40px; height:40px; background-color:transparent; text-indent:-500%; overflow:hidden; cursor:pointer;}
@-webkit-keyframes bubbleAni{
    100%{ -webkit-transform: translateY(-6px);}
}
@keyframes bubbleAni{
    100%{ transform: translateY(-6px);}
}
@-webkit-keyframes highlight{
    0%{ -webkit-transform:translateX(0); background-position:0 0;}
    20%,100%{ -webkit-transform:translateX(210px); background-position:-210px 0;}
}
@keyframes highlight{
    0%{ transform:translateX(0); background-position:0 0;}
    20%,100%{ transform:translateX(210px); background-position:-210px 0;}
}
@media only screen and (max-width:735px){
    .o-bubble-buy{ width:105px; height:120px;}
    .o-bubble-close{ width:30px; height:30px;}
    .o-bubble-buy i{ background-size:105px auto;}
    @-webkit-keyframes highlight{
        0%{ -webkit-transform:translateX(0); background-position:0 0;}
        20%,100%{ -webkit-transform:translateX(105px); background-position:-105px 0;}
    }
    @keyframes highlight{
        0%{ transform:translateX(0); background-position:0 0;}
        20%,100%{ transform:translateX(105px); background-position:-105px 0;}
    }
}

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
    /*IE9+ CSS*/
    .o-bubble-buy i{ -webkit-animation:none; animation:none;}
}